$def with ()
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
	<head>
		<title>ShareBook.me</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="distribution" content="global" />
<meta name="robots" content="ALL" />	
<link href="static/style1.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="http://tympanus.net/jPaginate/css/style.css"/>
<script id="jquery_183" type="text/javascript" class="library" src="static/jquery-1.9.1.min.js">
</script>
<script type="text/javascript"  src="static/js1.js">
</script>
<!--<script type="text/javascript" language="javascript" src="kindeditor-v4.1.7/kindeditor-4.1.7/kindeditor-min.js")>
</script>-->

<script type="text/javascript" src="http://tympanus.net/jPaginate/jquery.paginate.js">
</script>


<script>
	
</script>


</head>


<body id="home" onload="LoadPage(1)">

	<div id="nav">
	              
		<div id="nav_left">
			<ul>
				<id="home"><a class="nav" href="/" style="color:#FFFFFF">首页</a></li>
                <li class="click1" style="cursor:pointer"><u>请登录</u><u style="display:none">HubertCao</u></li>
				<li>|</li>
				<li id="register" class="click2" style="cursor:pointer"><u >快速注册</u><u style="display:none">退出</u></li>
			</ul>
		</div>
		<div id="nav_right">
			<ul>
                <li id="buy"><a href="/personal" style="color:#FFFFFF">我的账户</a></li>
				<li>|</li>
				<li id="sell"><a href="/UploadProduct" style="color:#FFFFFF">我要卖/借出</a></li>
			</ul>
		</div>
             
	</div>
		
 
	<div id="header">
			<div style="float:left;height:100px;wdth:200px;">
				<img align="left" src="static/pic/logo.jpg" alt="LOGO" />
			</div>
			
			<div style="float:left;height:50px;width:500px;padding-top:20px">
				<form action="" method="get"> 
					<input type="text" style="width:250px;height:26px;" name="keyword" id="keyword"   maxlength="300"/>
					<button type="submit"  style="background:#005eac;color:#FFFFFF;margin-left:-6px;width:60px; height:32px;font: bold SimSun;border:1px solid blue;cursor:pointer;"><b>搜索</b></button>
				</form>
			</div>
	</div>

	
	
	
	<div id="content_left">
	</div>
	
	<div id="content_middle" class="content_middle">
		<div id="sort">
		<span class="sort"><b style="color:#005eac;cursor:pointer;font-size:14px;">按人气排序</b></span>
		<span class="sort"><b style="color:#005eac;cursor:pointer;font-size:14px;">按时间排序</b></span>
		<span class="sort"><b style="color:#005eac;cursor:pointer;font-size:14px;">按价格排序</b></span>
		</div>
		
		<!--推荐书籍-->
		<div id="recommended" style="float:right">
		<div class="recommended"  style="height:200px;width:240px;float:right;">
			<div class="divider" style="margin-bottom:-15px">&nbsp;</div>
			<div style="padding-left:35px">
				<img src="" alt="doubanBOOK" width="150" height="225"/>
				
				<div style="width:150px;text-align:center;">
				<h4 style="text-align:center;">相对论</h4>
				<a>豆瓣评分：XX</a>
				</div>
				
			</div>
		</div>
		</div>
		
		<div id="ItemForm"> </div> <!--产品列表-->
		

		<!--页码-->	
		<div style="float:left;width:650px;padding-left:160px">
			<div id="PageNum">	
			</div>
		</div>
		
	</div>	<!--content middle-->
		
		
	<div id="content_right">
	</div>

	
<!--回到顶部-->
	<a href="#" class="go-top"><b>回到顶部</b></a>	

	
<!--footer-->	
	<div id="footer" style="float:left;width:920px;margin-left:240px;">
		<div id="footer_content" style="text-align:center;">
			<p>&copy;2013ShareBook版权所有.</p>
			<ul>
				<li style="border:none;display:inline"><a href="" style="color:black">关于ShareBook</a></li>&nbsp;&nbsp;&nbsp;&nbsp;
				<li style="display:inline"><a href="" style="color:black">联系我们</a></li>&nbsp;&nbsp;&nbsp;&nbsp;
				<li style="display:inline"><a href="" style="color:black">法律声明</a></li>	           
			</ul>
			
		</div>
	</div>	
	
	
</body>
</html>